$(function () {
    //使用表单校验插件
    $('.login-form').bootstrapValidator({
        //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2. 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //3. 指定校验字段（数据）
        fields: {
            //校验用户名，对应name表单的name属性
            username: {
                validators: {
                    //校验规则
                    //不能为空
                    notEmpty: {
                        message: '用户名不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名长度必须在2到6之间'
                    },
                    // 拓展提示信息
                    callback: {
                        message: '用户名错误!'
                    }
                }
            },
            password: {
                validators: {
                    //不能为空
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    //长度校验
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '用户名长度必须在6到12之间'
                    },
                    // 拓展提示信息
                    callback: {
                        message: '密码错误!'
                    }
                }
            }
        }
    });

    // 重置表单校验样式
    $('.btn-reset').click(function () {
        $(".login-form").data('bootstrapValidator').resetForm();
    })

    // 用户登录
    // $('.btn-login').click(function () {
    //     //  获取输入用户名和密码
    // })
    // 表单校验插件提供了success.form.bv事件,在用户点击提交按钮,并且数据合理的情况下触发
    $('.login-form').on('success.form.bv', function (e) {  
        // 阻止submit的默认行为,阻止页面刷新
        e.preventDefault();
        //使用ajax提交逻辑

        // 把用户信息发送给后台,进行登录校验
     $.ajax({
       type: 'post',
       url: '/employee/employeeLogin',
       data: $('.login-form').serialize(),
       dataType: 'json',
       success: function (res) {
           console.log(res);
           if (res.success) {
            //    登录成功跳转到首页
               location.href = './index.html'
           }
            //    登录失败提示错误信息,重新登录
           if (res.error == 1000) {
            $(".login-form").data('bootstrapValidator').updateStatus("username", "INVALID" , "callback")
           }
           if (res.error == 1001) {
            $(".login-form").data('bootstrapValidator').updateStatus("password", "INVALID" , "callback")
           }
       }
     })
    });
})